<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/4/22
  Time: 18:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../../common/web_top.jsp" %>
<title>还款计算器</title>
<div ng-include="use" class="includeStyle ">

        <div class="bgSortScroll">
            <!-- ngIf: HbHr.hr202 -->
            <loancalc ng-if="HbHr.hr202" class="">
                <div class="public-bgContent" ng-init="load()">
                    <div class="calc-d">
                        <span class="calc-s1">选择还款方式:</span>
                        <div class="se-re">
                            <select class="calc-s2 repayment_way"
                                    ng-model="param.repayment_way" ng-class="{'error':redErr.repayment_way}">
                                <option value="" selected="selected">还款方式</option>
                            </select>
                            <span class="se-po"></span>
                            <script type="text/x-handlebars-template" id="repaymentWay_list_tpl">
                                {{#each content}}
                                <option value="{{id}}">{{re_name}}</option>
                                {{/each}}
                            </script>
                        </div>
                    </div>

                    <div class="calc-d">
                        <span class="calc-s1">选择贷款方式:</span>
                        <div class="se-re">
                            <select id="loan_way" class="calc-s2 ng-valid ng-not-empty ng-dirty ng-valid-parse ng-touched aa"
                                    ng-model="param.aa" ng-class="{'error':redErr.aa}">
                                <option value="" selected="selected">贷款方式</option>
                            </select>
                            <span class="se-po"></span>
                            <script type="text/x-handlebars-template" id="loanMethod_list_tpl">
                                {{#each content}}
                                <option value="{{id}}">{{name}}</option>
                                {{/each}}
                            </script>
                        </div>
                    </div>

                    <div class="calc-d">
                        <span class="calc-s1">设置借款金额:</span>
                        <input class="calc-s2 ng-valid ng-not-empty ng-dirty ng-valid-parse ng-touched month_repayment_money" id="" value=""
                               ng-class="{'error':redErr.month_repayment_money}" ng-model="param.month_repayment_money"
                               type="text" autocomplete="off" ng-blur="num('month_repayment_money')"><span class="calc-ko">元</span>
                    </div>
                    <div id="repayment_period"></div>
                    <script id="repayment_period_tpl" type="x-handlebars-template">
                    <div class="calc-d">
                        <span class="calc-s1">选择期数:</span>
                        <div class="se-re">
                            <select class="calc-s2 ng-valid ng-touched ng-not-empty ng-dirty ng-valid-parse num"
                                    ng-options="a.num as a.atName for a in fenQi.content" ng-model="param.num"
                                    ng-class="{'error':redErr.num}">
                                <option value="" class="">选择期数</option>
                                {{#each content}}
                                <option label="{{atName}}" value="{{num}}" data-id="{{id}}">{{atName}}</option>
                             {{/each}}
                            </select>
                            <span class="se-po"></span>
                        </div>
                    </div>
                    </script>
                    <div class="calc-d">
                        <span class="calc-s1">输入利率:</span>
                        <input class="calc-s2 ng-valid ng-touched ng-not-empty ng-dirty ng-valid-parse moth_repayment_rate" id="" value=""
                               ng-class="{'error':redErr.moth_repayment_rate}" ng-model="param.moth_repayment_rate"
                               type="text" autocomplete="off" ng-blur="num('moth_repayment_rate')"><span class="calc-ko">%</span>
                    </div>
                    <div class="calc-d public-bgDate">
                        <span class="calc-s1" style="color:rgb(51, 51, 51)">输入放款日期:</span>
                        <%--<span>--%>
			<%--<input type="text" autocomplete="off" id="time" ng-model="param.start_time" placeholder="开始时间"--%>
                   <%--ng-class="{'error':redErr.start_time}" ng-blur="changeTime($event)"--%>
                   <%--class="ng-pristine ng-valid ng-not-empty ng-touched start_time">--%>
			<%--<i class="iconfont icon-riqi"></i>--%>
		<%--</span>--%>
                        <span><input type="text" autocomplete="off" id="start_time"  ng-focus="remHight()"
                                     ng-class="{'error':redErr.dateTime}" placeholder="开始时间"
                                     ng-model="param.beginTime"
                                     class="datepicker ng-pristine ng-untouched ng-valid ng-empty start_time"><i
                                class="iconfont icon-riqi"></i></span>


                    </div>
                    <button class="tabHint-alone" style="width: 100px;margin-left: 60px;">
                        计算
                    </button>
                    <!-- ngIf: tableShow -->
                    <div id="repayment_jieguo"></div>
                    <script type="x-handlebars-template" id="repayment_jieguo_tpl">
                    <div id="tableShow" class="">
                        <div class="public-bgListNav" style="padding-top: 0;">
                            <span class="public-input">还款计划如下</span>
                        </div>
                        <div class="centerBox calcbox">
                            <div class="calcre">
                                <table class="dataListTab D-loan-table">
                                    <thead>
                                    <tr>
                                        <td>期数</td>
                                        <td>还款日期</td>
                                        <td>每月还款本金</td>
                                        <td>每月还款利息</td>
                                        <td>合计</td>
                                    </tr>
                                    </thead>
                                    <tbody>
{{#each .}}
                                    <tr ng-repeat="i in data track by $index" class="">
                                        <td class="">{{periods}}</td>
                                        <td class="">{{repayment_time}}</td>
                                        <td class="">￥{{month_repayment_money}}.00</td>
                                        <td class="">￥{{moth_repayment_rate}}.00</td>
                                        <td class="">￥{{addrepay moth_repayment_rate month_repayment_money}}.00</td>
                                    </tr>
{{/each}}
                                    </tbody>
                                </table>
                                <!-- tab列表结束
                                <!-- 底部 -->
                            </div>
                        </div>
                    </div>
                    </script>
                </div>
            </loancalc><!-- end ngIf: HbHr.hr202 -->
        </div>

</div>
<%--<script type="text/javascript" src="static/js/page/index/index.js"></script>--%>
<script type="text/javascript" src="static/js/page/application/repayment.js?_v=190102162154"></script>

<%@include file="../../common/web_bottom.jsp" %>
